<nz-table nzShowSizeChanger [nzData]="tableConfig.tableBody" [nzFrontPagination]="false"
    [nzLoading]="tableConfig.loading" [nzTotal]="tableConfig.total" [nzPageSize]="tableConfig.pageSize"
    [nzPageIndex]="tableConfig.pageIndex" (nzQueryParams)="onQueryParamsChange($event)">
    <thead>
        <tr>
            <th nzColumnKey="name" [nzSortFn]="true">Name</th>
            <th nzColumnKey="gender" [nzFilters]="tableConfig.filterGender" [nzFilterFn]="true">Gender</th>
            <th nzColumnKey="email" [nzSortFn]="true">Email</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let data of tableConfig.tableBody">
            <td>{{ data.name.first }} {{ data.name.last }}</td>
            <td>{{ data.gender }}</td>
            <td>{{ data.email }}</td>
        </tr>
    </tbody>
</nz-table>